<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>

    <!-- 
        分块？？？
        多个类名的使用

        列表标签
            dl dd 
            ul li
            ol li

        列表属性   --- 了解
            list-style:circle / disc / ....   不能满足所有的设计需要
            list-style-image : url()    不方便调整位置
        
        背景属性  !~!!!!!!!!!!!!!!!!!!!!!
            background-color 
            background-image 
            background-repeat 
            background-position:x y ;
            background:颜色 图片  平铺  位置    不分先后顺序

        背景图片和插入图片的区别？？？？？？？
            图片是否会经常修改

        盒模型
            margin  简写   margin:10px auto 0;  ????
            padding  
            border:1px solid/dashed/dotted red ;   必须与三个属性

        margin和padding的区别 
            margin:调整盒子的位置
            padding:调整盒子和内容之间的位置
        
        
        网站的整体构建
            body {
                可以继承的属性
                color 
                font-size 
                line-height
            }

     -->

</body>

</html>